@import "common.styl"
.flex
  display flex
a
  display block
[v-cloak]{display:none}
.action_top
  border-top 1px solid #e6e6e6
  background #fff
  padding px2rem(10px) px2rem(15px)
  .title
    color #999
  .calendar
    i
      color #32a4f9
.arrow-right
  width 8px
  height 8px
  border-top 1px solid #324355
  border-right 1px solid #324355
  transform rotate(45deg)
.navbar
  background #fff
  display flex
  position fixed
  top 0
  left 0
  right 0
  z-index 99
  height px2rem(43px)
  .nav_item
    display block
    flex 1
    span
      display inline-block
      width px2rem(50px)
      height px2rem(43px)
      line-height px2rem(43px)
      position relative
  .nav_item.active
    span
      color #32a4f9
      &:after
        content ''
        position absolute
        left 0
        right 0
        bottom 0
        border 1px solid #32a4f9


.container
  width 335px
  margin px2rem(58px) auto auto auto
  .tab_item
    .img
      width 335px
      height 395px
      border 0
      vertical-align middle
    .info
      padding px2rem(10px) px2rem(15px)
      .avatar
        width px2rem(40px)
        height px2rem(40px)
        border 0
        vertical-align middle
        margin-right px2rem(8px)
      .name
        font-size px2rem(15px)
        font-weight bold
        span
          font-size px2rem(10px)
      .company
        font-size px2rem(10px)
        color #999999
        margin-top px2rem(2px)
      .phone
        font-size px2rem(10px)
        margin-top px2rem(20px)
      .code
        img
          width px2rem(60px)
          height px2rem(60px)
          border 0
          vertical-align middle
        .s_code
          font-size px2rem(5px)
          color #999
          margin-top px2rem(5px)
    .btn-wrap
      margin-top px2rem(15px)
      .button
        //width px2rem(150px)
        height px2rem(30px)
        border-radius px2rem(15px)
        border 1px solid #999
        line-height px2rem(30px)
        &.blue
          border 0
          background #49abd2
          color #fff
          margin-left px2rem(20px)
          &.create_btn
            margin px2rem(15px) auto auto auto
            width px2rem(150px)

.img.inputImg
  background-image url("../images/add.png")
  background-repeat no-repeat
  background-position center
  background-color #fff
  background-size 100px
  //border-bottom 1px solid #e6e6e6 !important
  position relative
  input
    width 100%
    height 100%
    opacity 0
    position absolute
    top 0
    bottom 0
    left 0
    right 0
    z-index 10
  .self_img
    position absolute
    top 0
    bottom 0
    left 0
    right 0
    z-index 9
    width 100%
    height 100%
.img-wrap
  display none
  .image
    margin: 0 auto;
    width: 335px;
    //padding: 20px 0;
  .save_wrap
    width 335px
    margin 0 auto
    margin-top 10px
    .save_btn
      height px2rem(30px)
      border-radius px2rem(15px)
      //border 1px solid #999
      line-height px2rem(30px)
      &.hold
        background #00c599
        color #fff
        margin-right 10px
      &.return
        background #fff




.c-loading
  position fixed
  left 0
  right 0
  top 0
  bottom 0
  z-index 99
  background rgba(0,0,0,.3)
  .loading-icon
    position absolute
    left 50%
    top 50%
    width 60px
    height 60px
    margin-top -30px
    margin-left -30px
    border-radius 50%
    background-image url("../images/loading.png")
    background-size contain
    background-repeat no-repeat
    background-position center
    animation c-loading 3s infinite
    z-index 999
    


@keyframes c-loading{
  from{
    transform:rotate(0)
  }
  to{
    transform:rotate(360deg)
  }
}
